<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">


<title></title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link type="text/css" rel="stylesheet" href="themes/bootstrap/easyui.css">
<link type="text/css" rel="stylesheet" href="themes/icon.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/easyui-lang-zh_CN.js"></script>

<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/index.css">

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="bootstrap/js/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- 为了确保适当的绘制和触屏缩放-->
<meta name="viewport" content="width=device-width, initial-scale=1">

</head>
<script type="text/javascript">
</script>
<body>
<div class="container">
<div class="row">
	<div class="col-md-8 col-md-offset-2" style="margin-top: 100px">
	<c:choose>
   			 <c:when test="${!empty attendanceDtos}">
                 <h3>考勤信息展示</h3>
    			</c:when>
    		<c:otherwise>
      			  <h3>对不起,你现在还没有考勤信息</h3>
   			 </c:otherwise>
		</c:choose>
	<table  class="table table-striped" id="table" >
	<tr class="active">
	 <td>姓名</td>
	 <td>考勤开始时间</td>
	 <td>考勤结束时间</td>
	</tr>
	<c:forEach var="attendanceDto" items="${attendanceDtos}">
	<tr>
	<td>${attendanceDto.name}</td>
	<td>${attendanceDto.startTime}</td>
	<td>${attendanceDto.endTime}</td>
	</tr>
	</c:forEach>
	</table>
	<ul class="pagination">
			     ${pageList}
  		  </ul>
	</div>
	</div>
	</div>
</body>
</html>